 <h2>Partner overview</h2>

            <table class="scrollTable">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Address</th>
                        <th>Postal code</th>
                        <th>City</th>
                        <th>Phone</th>
                        <th>Website</th>
                        <th>Email</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Loading...</td><td>Loading...</td><td>Loading...</td><td>Loading...</td><td>Loading...</td><td>Loading...</td><td>Loading...</td>
                    </tr>
                </tbody>
            </table>
    <script type="text/javascript">
        $('.scrollTable').dataTable({ "sAjaxSource": base_url+"index.php/portal/getPartners", "sPaginationType": "full_numbers", "bRetrieve": true });
        $(document).ready(function() {
            $('.scrollTable tbody').click(function() {
                $('.addPartnerForm input').val('pim');
            });            
        });
    </script>
            <input class="button addButton" type="button" name="addPartner" value="Add" onclick="showForm()"/>
            <div class="addPartnerForm">
                <form style="display:none;">
                    <div class="partnerField">
                        <label>Name:</label>
                        <input type="text" id="partnerName" name="name"/>
                        <label>Type:</label>
                        <select name="type_name" id="partnerType">
                            <option value="1">University</option>
                            <option value="2">University of Applied Sciences</option>
                            <option value="3">Sport society</option>
                            <option value="4">Housing</option>
                        </select>
                        <label>Contract:</label>
                        <input type="file" name="contract" id="partnerContract"/>
                    </div>

                    <div class="partnerField">
                        <label>Website:</label>
                        <input type="text" name="website" id="partnerWebsite">
                        <label>Emailaddress:</label>
                        <input type="text" name="email_address" id="partnerEmail">
                        <label>Status:</label>
                        <select name="partner_status_id" id="partnerStatus">
                            <option value="1">Prospect</option>
                            <option value="2">Active</option>
                            <option value="3">Inactive</option>
                        </select>
                    </div>

                    <div class="partnerField">
                        <label>Phone:</label>
                        <input type="text" name="phone" id="partnerPhone"/>
                        <label>Logo:</label>
                        <input type="file" name="logo" value="Upload a logo" id="partnerLogo"/>
                    </div>

                    <div class="partnerGroup">
                        <fieldset>
                            <legend>Postaddress:</legend>
                            <label>Address:</label>
                            <input type="text" name="post_street_number" id="partnerPostAddress"/>
                            <label>Postal code:</label>
                            <input type="text" name="post_postalcode" id="partnerPostPostalcode"/>
                            <label>P.O. Box:</label>
                            <input type="text" name="post_pobox" id="partnerPostPOBox"/>
                            <label>City:</label>
                            <input type="text" name="post_city" id="partnerPostCity"/>
                        </fieldset>
                    </div>
                    <div class="partnerGroup">
                        <fieldset>
                            <legend>Visitor address:</legend>
                            <label>Address:</label>
                            <input type="text" name="visitor_street_number" id="partnerVisitorAddress"/>
                            <label>Postal code:</label>
                            <input type="text" name="visitor_postalcode" id="partnerVisitorPostalcode"/>
                            <label>City:</label>
                            <input type="text" name="visitor_city" id="partnerVisitorCity"/>
                            <label>Extra:</label>
                            <input type="text" name="visitor_extra" value="e.g. building, room etc." id="partnerVisitorExtra"/>
                        </fieldset>
                    </div>
                    <div class="partnerGroup">
                        <fieldset>
                            <legend>Social Media:</legend>
                            <label>Facebook:</label>
                            <input type="text" name="facebook_page" id="partnerFacebook"/>
                            <label>Twitter:</label>
                            <input type="text" name="twitter_account" id="partnerTwitter"/>
                            <label>Linkedin:</label>
                            <input type="text" name="linkedin_account" id="partnerLinkedin"/>
                            <label>Other:</label>
                            <input type="text" name="other_social_media_account" id="partnerOther"/>
                        </fieldset>
                    </div>
                    <div class="addExtCont">
                        <fieldset>
                            <legend>External contact:</legend>
                            <div class="blaat" id="extContactForm">
                                <div>
                                <label>Name:</label>
                                <input type="text" name="addExternalContactName[]" size="13"/>
                                <label>Function:</label>
                                <input type="text" name="addExternalContactFunction[]" size="13"/>
                                <label>Emailaddress:</label>
                                <input type="text" name="addExternalContactEmail[]" size="14"/>
                                <label>Phone:</label>
                                <input type="text" name="addExternalContactPhone[]" size="14"/>
                                <input type="button" name="addExternalContactRow" id="addInternal" class="button" value="+" onclick="$(this).parent().clone().appendTo('.blaat');">
                                </div>
                            </div>
                        </fieldset>
                    </div>
                <div class="formButton">
                    <input type="button"  class="button" name="cancelAddPartner" value="Cancel" onclick="hideForm();"/>
                    <input type="submit" class="button" name="addPartner" value="Save"/>
                    <script type="text/javascript">
                        $('#addPartner').click(addPartner());
                    </script>
                </div>
                </form>
            </div>
            